<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../mofumui/mofumui.js" ></script>
	</head>
	<body>
		<script type="text/javascript">
			//设置JS路由
			mofum.setPrefix("../../");
			mofum.imports(["MFrame","MPAccordion","MPTitled","MThemes"],function(MFrame,MPAccordion,MPTitled,MThemes){
				
				var themes = MThemes.THEME_FLATTEN_00022;
				
				//创建框架
				var frame = new MFrame();
				
				//创建一个宽300，高100，背景为红色的面板。
				var panel = new MPAccordion().setWidth(150);
				
				var test = new MPTitled();
				test.getTitle().setFontColor("#fff").setSize(150,40).setBackground(themes.getColor(1));
				test.getTitle().append("系统管理").setTextAlign("center").setLineHeight(40);
				
				test.putPanel("人员管理");
				test.putPanel("系统管理");
				test.putPanel("权限管理");
				test.putPanel("角色管理");
				
				test.updatePanels(function(comp){
					comp.setSize(150,40).setBackground(themes.getColor(4));
					comp.setFontColor("#fff");
					comp.setTextAlign("center");
					comp.setLineHeight(40);
				});
				
				panel.addAccordionPanel(test);
				
				
				//设置文本
				frame.append(panel);
				
			});
			
		</script>
	</body>
</html>
